<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
   <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title><fmt:message key="dados-produto"/></title>
   <link rel="stylesheet" href="css/estilos.css"/>
   <link rel="stylesheet" href="css/bootstrap.css"/>
   <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
      
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
</head>
<body>
     <div id="image-logo">
         <c:import url="${pageScope.request.contextPath}/imports/fundo.jsp"/>
      </div>
       <div id="logo">
         <c:import url="${pageScope.request.contextPath}/imports/fundo2palha.jsp"/>
      </div>
      <div id="barra-titulo">  
        <c:import url="${pageScope.request.contextPath}/imports/barraTituloSessaoUser.jsp"/> 
      </div>
      <div id="conteudo-logomarca">
          <img src="img/logomarca.jpg">
          <p>
              <fmt:message key="conteudo-logomarca"/>
          </p>
      </div>
      <div id="red-login">

		<p>
			<fmt:message key="incentivo-login" />
			<br />
			</p>
	</div>
     <div class="title">
         <fmt:message key="dados-produto"/>
     </div>
     
     <div id="dados-produto">
      <div id="img-produto">
           <img height="130px" width="170px" src="imagem?id=${produto.idProduto}&tipo=compra">
       </div>
       <p> <label class="btn btn-info">  <fmt:message key="produto"/> </label> ${requestScope.produto.nomeProduto}</p>
       <p> <label class="btn btn-warning"> <fmt:message key="preco"/> </label> <fmt:formatNumber type="currency"  value="${requestScope.produto.preco}"/> </p>
       <p> <label class="btn btn-info">  <fmt:message key="quantidadeEstoque"/> </label> ${requestScope.produto.quantidadeEstoque}</p>
       <p> <label class="btn btn-info"> <fmt:message key="descricao"/> </label> ${requestScope.produto.descricaoProduto} </p>
       <fmt:message key="descricao"/> </label> ${requestScope.produto.descricaoProduto} </p><p> <label class="btn btn-info"> <fmt:message key="${usuario.id == produto.idComprador ? 'vendedor':'comprador'}"/> : </label> ${requestScope.produto.nome} </p>
       <p> <label class="btn btn-info"> <fmt:message key="dataCompra"/> </label> <fmt:formatDate type="date" value="${requestScope.produto.dataCompra}"/> <fmt:formatDate type="time" value="${requestScope.produto.dataCompra}"/> </p>
       <p> <label class="btn btn-info"> <fmt:message key="tempoUso"/> </label> <fmt:message key="${produto.tempoUso == 'NOVO'? 'novo' : produto.tempoUso == 'USADO' ? 'usado' : 'seminovo'}"/></p>
     </div>
</body>
</html>